﻿<UserControl x:Class="ProgrammersCalculator.View.UrlShortnerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="300">
    <Grid>
        <DockPanel>
            <Border DockPanel.Dock="Top"
                    Style="{DynamicResource styleContentArea}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <!-- HEADER -->
                    <Border Grid.Row="0"
                            Style="{DynamicResource styleContentAreaHeader}">
                        <Grid>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock FontSize="20"
                                           Padding="8"
                                           VerticalAlignment="Center">Google Url Shortner</TextBlock>
                            </StackPanel>
                        </Grid>
                    </Border>

                    <!--CONTENT AREA-->
                    <Grid Grid.Row="1">
                        <StackPanel Orientation="Vertical"
                                    Width="400"
                                    VerticalAlignment="Top"
                                    HorizontalAlignment="Left"
                                    Margin="10,10,10,10">
                            <TextBlock Text="Enter URL"></TextBlock>
                            <TextBox Text="{Binding Id, UpdateSourceTrigger=LostFocus}"
                                     x:Name="txtUrl" />
                            <TextBlock Text="Output"></TextBlock>
                            <TextBox x:Name="txtOutput"
                                     Text="{Binding ShortUrl}" />

                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>
        </DockPanel>
    </Grid>
</UserControl>
